﻿@using KMF.WebUI.Areas.KMFadmin.CustomHelpers
@using KMF.WebUI.Areas.KMFadmin.Models

@{
    ViewBag.Title = "ProductTogether";
    Layout = "~/Areas/KMFadmin/Views/Shared/_layout.cshtml";
}

<nav>
    <div class="breadCrumb">
        <ul>
            <li><a href="@Url.Action("Index", "AdminHome")"><i class="bootstrap icon-home"></i></a></li>
            <li><a href="javascript:void(0)">Sản phẩm</a> </li>
            <li><a href="@Url.Action("Index", "AdminProduct")">Danh sách sản phẩm</a> </li>
            <li><a href="@Url.Action("Edit", "ADminProduct", new { id = ViewBag.ProductId })"><strong>@ViewBag.ProductId</strong></a> </li>
            <li><a href="@Url.Action("Index", "AdminProduct")">Sản phẩm mua kèm</a> </li>
        </ul>
    </div>
</nav>
<div class="toolBox">
    @Html.ToolBox(new List<object> { new Back { ClassCss = "Back", ActionName = "Index" } })
</div>
<div class="box-Info">
    <div class="boxAddProductTogether">
        <div class="p-cate">
            @Html.DropDownList("CategoryList", new SelectList(ViewBag.MenuList, "Id", "Name"), new { })
        </div>
        <div class="p-list">
            <table class="table-odd" cellspacing="0" cellpadding="0" style="width: 60%;">
                <thead>
                    <tr>
                        <th style="width: 35px; text-align: center; padding-left: 0;">@Html.CheckBox("chkAll")
                        </th>
                        <th style="width: 80px;">Barcode
                        </th>
                        <th>Tên sản phẩm
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @*<tr>
                        <td>
                            @Html.CheckBox("chkItem")
                        </td>
                        <td>A010038</td>
                        <td style="text-align: left;">Gối ngủ cho bé từ 5 tuổi</td>
                    </tr>*@
                </tbody>
            </table>
        </div>
        <div class="p-btn-addTogether">
            <p>
                <i>Chọn một hoặc nhiều sản phẩm bên trên (checked)</i>
            </p>
            <input type="button" value="Thêm sản phẩm" class="btnAddTogether" />
        </div>
    </div>
    <div class="Info-header">
        <span>Danh sách các sản phẩm mua kèm</span>
    </div>
    <div class="Info-body">
        <table class="table-odd" cellspacing="0" cellpadding="0">
            <thead>
                <tr>
                    <th style="width: 35px; text-align: center; padding-left: 0;">Barcode
                    </th>
                    <th style="width: 50px;">Hình ảnh
                    </th>
                    <th>Tên sản phẩm
                    </th>
                    <th style="width: 80px; text-align: center;">
                        <a href="javascript:void(0)" onclick="DelTogetherAll('@ViewBag.ProductId')">Xóa tất</a>
                    </th>
                </tr>
            </thead>
            <tbody>
                @Html.Action("GetListProductTogether", "AdminProduct", new { productId = ViewBag.ProductId })
            </tbody>
        </table>
    </div>
</div>
@section scripts
{
    <script>
        $(function () {
            $('#CategoryList').change(function () {
                var cmd = $(this);
                //alert(cmd.val());
                $.ajax({
                    url: '/KMFadmin/AdminProduct/AjaxProductByCate',
                    data: { categoryId: cmd.val() },
                    success: function (result) {
                        if (result) {
                            $('.p-list table.table-odd tbody').html(result);
                            $('.btnAddTogether').click(function () {
                                //alert($('.p-list table.table-odd tbody input[name$=chkItem]').size());
                                btnAddTogether();
                            });
                        } else {
                            alert('Không có sản phẩm nào!');
                        }
                    },
                    error: function () {
                        alert('Đã có lỗi xảy ra!');
                    }
                });
            });
        });

        function btnAddTogether() {
            var listMap = '';
            $('.p-list table.table-odd tbody input[name$=chkItem]').each(function () {
                var cmd = $(this);
                if (cmd.is(':checked')) {
                    //alert(cmd.attr('idata'));
                    listMap = listMap + cmd.attr('idata') + ';';
                }
            });
            $('.Info-body table.table-odd tbody').html('');
            $('.Info-body table.table-odd tbody').append('<tr><td colspan="5" style="min-height:150px;"><img src="/Areas/KMFadmin/Content/images/ajax-loading.gif" width="40" height="40" /></td></tr>');
            $.ajax({
                url: '/KMFadmin/AdminProduct/AddTogether',
                data: { ListMap: listMap, ProductId: '@ViewBag.ProductId' },
                success: function (result) {
                    if (result) {
                        setTimeout(function () {
                            $('.Info-body table.table-odd tbody').find('img').remove();
                            //load lai danh sach together
                            $.ajax({
                                url: '/KMFadmin/AdminProduct/GetListProductTogether',
                                data: { productId: '@ViewBag.ProductId' },
                                success: function (data) {
                                    if (data) {
                                        $('.Info-body table.table-odd tbody').html(data);
                                    }
                                },
                                error: function () {
                                    alert('Đã có lỗi xảy ra!');
                                }
                            });
                        }, 1500);

                    } else {
                        alert('Thêm sản phẩm không thành công!');
                    }
                },
                error: function () {
                    alert('Đã có lỗi xảy ra!');
                }
            });
        }

        function DelProductTogether(_cmd) {
            var cmd = $(_cmd);
            if (confirm("bạn có chắc chắn muốn xóa sản phẩm này !")) {
                $.ajax({
                    url: '/KMFadmin/AdminProduct/DelTogether',
                    data: { togetherId: cmd.attr('idata') },
                    success: function (data) {
                        if (data) {
                            cmd.parent().parent().fadeOut();
                        }
                    },
                    error: function () {
                        alert('Đã có lỗi xảy ra!');
                    }
                });
            }
        }

        function DelTogetherAll(pId) {
            if (pId != undefined && pId != '') {
                if (confirm("bạn có chắc chắn muốn xóa toàn bộ sản phẩm này !")) {
                    $.ajax({
                        url: '/KMFadmin/AdminProduct/DelAllTogether',
                        data: { productId: pId },
                        success: function(data) {
                            if (data) {
                                $('.Info-body table.table-odd tbody tr').fadeOut();
                            }
                        },
                        error: function() {
                            alert('Đã có lỗi xảy ra!');
                        }
                    });
                }
            }
        }
    </script>

}